<template>
    <div class="video-card">
      <img :src="video.thumbnail" alt="Video Thumbnail" />
      <h3>{{ video.title }}</h3>
      <p>{{ video.description }}</p>
    </div>
  </template>
  
  <script>
  export default {
    props: {
      video: Object,
    },
  };
  </script>
  
  <style>
  .video-card {
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
  }
  .video-card img {
    width: 100%;
    border-radius: 5px;
  }
  </style>
  